<template>
  <right-phaser-template :title="componentData.title" :tabName="componentData.tabName">
    <el-form class="right-phasers">
      <dropdown-normal label="脚本类名" :valLists="INJECT_PHASER_CLASS_NAMES" v-model="commonAttr.injectJsClass" @change="onChangeAttr"></dropdown-normal>
      <input-normal label="脚本类名" v-model="commonAttr.injectJsClass" placeholder="ClickGetCard" @change="onChangeAttr"></input-normal>
      <textarea-normal v-if="commonAttr.injectJsClass" label="脚本类参数" v-model="commonAttr.injectJsClassParams" placeholder='{key:value}' @change="onChangeAttr"></textarea-normal>
    </el-form>
  </right-phaser-template>
</template>
<script>
import RightPhaserTemplate from '@/views/canvas/right/right-phaser-template.vue'
import DropdownNormal from '@/views/components/edit/DropdownNormal.vue'
import InputNormal from '@/views/components/edit/InputNormal.vue'
import TextareaNormal from '@/views/components/edit/TextareaNormal.vue'
import { canvasUtils } from '@/views/js/canvas-utils'
import { INJECT_PHASER_CLASS_NAMES } from '@/common/const-inject-class'

export default {
  name: "RightPhasers",
  mixins: [canvasUtils],
  setup () {
    return {
      INJECT_PHASER_CLASS_NAMES: INJECT_PHASER_CLASS_NAMES
    }
  },
  created() {},
  components: {
    RightPhaserTemplate,
    DropdownNormal,
    InputNormal,
    TextareaNormal,
  },
  
};
</script>
